// flex 布局
.utils-flex {
	display: flex;
}

.utils-flex-dir:extend(.utils-flex) {
	flex-direction: column;
}

.utils-flex-Justbetween:extend(.utils-flex) {
	justify-content: space-between;
}

.utils-flex-Justaround:extend(.utils-flex) {
	justify-content: space-around;
}

.utils-flex-Justcenter:extend(.utils-flex) {
	justify-content: center;
}

.utils-flex-Justend:extend(.utils-flex) {
	justify-content: flex-end;
}

.utils-flex-Juststart:extend(.utils-flex) {
	justify-content: flex-start;
}

.utils-flex-Aligncenter:extend(.utils-flex) {
	align-items: center;
}

.utils-flex-Alignspace:extend(.utils-flex) {
	align-items: space-between;
}

.utils-flex-flex1 {
	flex: 1;
}

.utils-flex-flex2 {
	flex: 2;
}

.utils-flex-flex3 {
	flex: 3;
}

.utils-flex-margin-auto {
	margin: auto;
}

.utils-flex-margin-left {
	margin-left: auto;
}
.utils-flex-margin-right {
	margin-right: auto;
}

.utils-margin-right-left:extend(.utils-flex-margin-left,.utils-flex-margin-right) {
	
}